		{% extends "base.html" %}
		
		{% block head %}	
		<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAZSF8yBDYqCOEagFKE44naRRy1uusy0BXeZnc8fFavcbwKyanyhRO0RU_tI8PEgz-60reBTsh9inDIg" type="text/javascript"></script>
		<script type="text/javascript">
			function initialize() {
			  if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("map_canvas"));
				map.addControl(new GSmallMapControl());
				map.enableScrollWheelZoom();
				map.setCenter(new GLatLng({{ latitude }}, {{ longitude }}), 15);
				var point = new GLatLng({{ latitude }}, {{ longitude }});
				map.addOverlay(new GMarker(point));
				}
			  }
		</script>
		{% endblock %}

		{% block bodyattr %}onload="initialize()" onunload="GUnload()"{% endblock %}
		
		{% block content %}
		<h3 id="main">{{ sYour_addr }}: {{ useraddress }} </h3>
		<p>{{ sCoord_for_addr }}:  {{ latitude }}, {{ longitude }}
			<form>
				<ul id="main">
					<li><div id="overform">{{ sLat_for_addr }}</div><input name="content" cols="12" value="{{ latitude }}" readonly onfocus="this.select()"></li>
					<li><div id="overform">{{ sLon_for_addr }}</div><input name="content"  cols="12" value="{{ longitude }}" readonly onfocus="this.select()"></li>
					<li><div id="overform">{{ sLatLon_for_addr }}</div><input name="content"  cols="40" value="{{ latitude }}, {{ longitude }}" readonly onfocus="this.select()"></li>
				</ul>
			</form>
			<h3 id="main">{{ sCheck_addr }} </h3>
			<div id="map_canvas" style="width: 425px; height: 300px"></div>
		</p>
		<p><a href="../" id="back-link">{{ sGet_another_coor }}</a></p>
		{% endblock %}